<header class="navbar navbar-header navbar-header-fixed">
  <a href="" id="mainMenuOpen" class="burger-menu"><i data-feather="menu"></i></a>
  <a href="" id="componentContentHide" class="burger-menu d-none"><i data-feather="arrow-left"></i></a>
  <div class="navbar-brand">
    <a href="../index.html" class="td-logo">Tangdao<span class="mg-l-5">Design</span></a>
  </div><!-- navbar-brand -->
  <div id="navbarMenu" class="navbar-menu-wrapper">
    <div class="navbar-menu-header">
      <a href="../index.html" class="td-logo">Tangdao<span class="mg-l-5">Design</span></a>
      <a id="mainMenuClose" href=""><i data-feather="x"></i></a>
    </div><!-- navbar-menu-header -->
    <ul class="nav navbar-menu">
      <li class="nav-label pd-l-20 pd-lg-l-25 d-lg-none">Main Navigation</li>
      <li class="nav-item @@if (context.docs==='active' ) {active}"><a href="../docs.html" class="nav-link"><i data-feather="book-open"></i> 文档</a></li>
      <li class="nav-item @@if (context.components==='active' ) {active}"><a href="../components/index.html" class="nav-link"><i data-feather="box"></i> 组件</a></li>
      <li class="nav-item @@if (context.collections==='active' ) {active}"><a href="../collections/index.html" class="nav-link"><i data-feather="package"></i> 资源</a></li>
      <li class="nav-item @@if (context.templates==='active' ) {active}"><a href="../templates/index.html" class="nav-link"><i data-feather="layers"></i> 模板</a></li>
    </ul>
  </div><!-- navbar-menu-wrapper -->
  <div class="navbar-right">
    <a href="javascript:;" class="search-link" id="navbarSearch"><i data-feather="search"></i></a>
    <div class="dropdown dropdown-notification mg-l-15-f">
      <a href="javascript:;" class="dropdown-link new-indicator" data-toggle="dropdown">
        <i data-feather="bell"></i>
        <span>2</span>
      </a>
      <div class="dropdown-menu dropdown-menu-right">
        <div class="dropdown-header">通知</div>
        <a href="" class="dropdown-item">
          <div class="media">
            <div class="avatar avatar-sm avatar-online"><img src="https://via.placeholder.com/350" class="rounded-circle" alt=""></div>
            <div class="media-body mg-l-15">
              <p>版本更新 <strong>1.0.2</strong> 文档布局调整</p>
              <span>Mar 15 12:32pm</span>
            </div><!-- media-body -->
          </div><!-- media -->
        </a>
        <a href="" class="dropdown-item">
          <div class="media">
            <div class="avatar avatar-sm avatar-online"><img src="https://via.placeholder.com/350" class="rounded-circle" alt=""></div>
            <div class="media-body mg-l-15">
              <p>版本更新 <strong>1.0.1</strong> 文档布局调整</p>
              <span>Mar 15 12:32pm</span>
            </div><!-- media-body -->
          </div><!-- media -->
        </a>
        <a href="" class="dropdown-item">
          <div class="media">
            <div class="avatar avatar-sm avatar-online"><img src="https://via.placeholder.com/350" class="rounded-circle" alt=""></div>
            <div class="media-body mg-l-15">
              <p>版本更新 <strong>1.0.0</strong> 文档布局调整</p>
              <span>Mar 15 12:32pm</span>
            </div><!-- media-body -->
          </div><!-- media -->
        </a>
        <div class="dropdown-footer"><a href="">View all Notifications</a></div>
      </div><!-- dropdown-menu -->
    </div><!-- dropdown -->

    <a href="https://gitee.com/ruyangit/tangdao-design" class="mg-l-20"><div class="pd-8 tx-white tx-white-8" ><i data-feather="github" class="wd-20 ht-20"></i></div></a>
  </div><!-- navbar-right -->

  <div class="navbar-search">
    <div class="navbar-search-header">
      <input type="search" class="form-control" placeholder="Type and hit enter to search...">
      <button class="btn"><i data-feather="search"></i></button>
      <a id="navbarSearchClose" href="" class="link-03 mg-l-5 mg-lg-l-10"><i data-feather="x"></i></a>
    </div><!-- navbar-search-header -->
    <div class="navbar-search-body">
      <label class="tx-10 tx-medium tx-uppercase tx-spacing-1 tx-color-03 mg-b-10 d-flex align-items-center">Recent Searches</label>
      <ul class="list-unstyled">
        <li><a href="index.html">modern dashboard</a></li>
        <li><a href="../components/modal.html">modal examples</a></li>
        <li><a href="../components/el-avatar.html">avatar</a></li>
      </ul>
    </div><!-- navbar-search-body -->
  </div><!-- navbar-search -->
</header><!-- navbar -->